<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<title>手风琴效果</title>
	<link rel="stylesheet" href="./style.css">
</head>

<body>
	<main id="main">
		<div>
			<span>选项 1</span>
			<span class="icon"> + </span>
		</div>
		<p style="display:none;">
			Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
			labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi
			ut aliquip ex ea commodo consequat.
		</p>
		<div>
			<span>选项 2</span>
			<span class="icon"> + </span>
		</div>
		<p style="display:none;">
			Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
			labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi
			ut aliquip ex ea commodo consequat.
		</p>
		<div>
			<span>选项 3</span>
			<span class="icon"> + </span>
		</div>
		<p style="display:none;">
			Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
			labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi
			ut aliquip ex ea commodo consequat.
		</p>
	</main>

	<script src="./index.js"></script>
</body>

</html>